<!doctype html>
<html lang="en">

<head>
  <!-- Required meta tags -->
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

  <!-- Bootstrap CSS -->
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/css/bootstrap.min.css"
    integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
  <title>LayaFamily</title>
  <link rel="stylesheet" href="../css/main.min.css">
  <link rel="stylesheet" href="../css/layafamily.min.css">
</head>

<body>
  <div class="wrapper">
    <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
      <div class="container">
        <a class="navbar-brand" href="#">
          <img src="../image/index/logo.png" alt="">
        </a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
          aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>

        <div class="collapse navbar-collapse setheight" id="navbarSupportedContent">
          <ul class="navbar-nav mr-auto">
            <li class="nav-item ">
              <a class="nav-link" href="../index.html">首页</a>
            </li>
            <li class="nav-item active">
              <a class="nav-link" href="#">Laya家族</a>
            </li>
            <li class="nav-item ">
              <a class="nav-link" href="./game.html">游戏</a>
            </li>
            <li class="nav-item">
              <a class="nav-link " href="./news.html">新闻动态</a>
            </li>
            <li class="nav-item">
              <a class="nav-link " href="#">开发者中心</a>
            </li>
            <li class="nav-item">
              <a class="nav-link " href="#">开发者社区</a>
            </li>
            <li class="nav-item">
              <a class="nav-link " href="#">开放平台</a>
            </li>
            <li class="nav-item">
              <a class="nav-link " href="./aboutUs.html">关于我们</a>
            </li>
          </ul>
          <ul class="nav navbar-nav navbar-dark">
            <li class="dropdown">
              <a href="##" data-toggle="dropdown" class="dropdown-toggle">Langueage<span class="caret"></span></a>
              <ul class="dropdown-menu">
                <li><a href="##">中文</a></li>
                <li><a href="##">English</a></li>
              </ul>
            </li>
          </ul>
        </div>
      </div>
    </nav>
    <div class="AS3 ">
      <div class="container">
        <div class="row AS3-con">
          <div class="left col-xl-6 col-lg-6 col-md-6 col-12">
            <div class="header wow animate__animated animate__fadeInLeft" data-wow-duration=".8s" data-wow-delay=".3s">
              LayaFlash
            </div>
            <p class="sub-title wow animate__animated animate__fadeInDown" data-wow-duration=".8s" data-wow-delay=".5s">
              直接用Flash AS3语言开发HTML5的引擎
            </p>
            <ul class="main-text wow animate__animated animate__fadeInDown" data-wow-duration=".8s"
              data-wow-delay=".5s">
              <li>为Flash程序员而生，上手快，无需学习其他语言；</li>
              <li>支持Flash AS3语言及框架在Flash Builder、FlashDevelop中直接开发HTML5产品；</li>
              <li>支持将Flash页游\手游产品快速转换成为HTML5游戏，让Flash研发企业进入HTML5市场低成本、无门槛；</li>
              <li>支持Starling等3D框架，是首个支持HTML5 3D游戏的技术方案。</li>
            </ul>
            <div class="dl-btn wow animate__animated animate__fadeInDown" data-wow-duration=".8s" data-wow-delay=".5s">
              进入下载</div>
          </div>
          <div class="right col-xl-6 col-lg-6 col-md-6 col-12 ">
            <img class="wow animate__animated animate__fadeInDown" src="../image/LayaFamily/pro-001.jpg"
              data-wow-duration=".8s" data-wow-delay=".5s">
          </div>
        </div>

      </div>
    </div>
    <div class="layaPlayer">
      <div class="container">
        <div class="row layaPlayer-top">
          <div class=" col-xl-12 col-lg-12 col-md-12 col-12 wow animate__animated animate__fadeInLeft"
            data-wow-duration=".8s" data-wow-delay=".3s">
            LayaPlayer
          </div>
        </div>
        <div class="row layaPlayer-bot">
          <div class="left col-xl-4 col-lg-4 col-md-4 col-12">
            <img src="../image/LayaFamily/layaplayer-001.jpg" class="wow animate__animated animate__fadeInDown"
              data-wow-duration=".8s" data-wow-delay=".3s">
          </div>
          <div class="center col-xl-4 col-lg-4 col-md-4 col-12 wow animate__animated animate__fadeInDown"
            data-wow-duration=".8s" data-wow-delay=".5s">
            <div>
              <h4>极强性能</h4>
              <p>
                C语言编写的HTML5运行器，逻辑渲染双核运
                行、GPU加速渲染、内存显存智能管理、渲染流
                程极致优化，基于LayaPlayer运行的HTML5产品
                性能媲美APP。
              </p>
            </div>
            <div>
              <h4>更小，更多，更强</h4>
              <p>
                不足20K的HTML5运行器，拥有超过5亿的移动
                设备安装量，已嵌入到QQ浏览器、QQ空间、百
                度浏览器、新浪微博、猎豹浏览器等20多家主流
                平台。
              </p>
            </div>
          </div>
          <div class="right col-xl-4 col-lg-4 col-md-4 col-12">
            <img src="../image/LayaFamily/layaplayer-002.jpg" class="wow animate__animated animate__fadeInDown"
              data-wow-duration=".8s" data-wow-delay=".5s">
          </div>
        </div>
      </div>
    </div>
    <div class="airOpen">
      <div class="container">
        <div class="row airOpen-con">
          <div class="air col-xl-6 col-lg-6 col-md-6 col-12">
            <ul>
              <li class="title">
                <span>3</span>
                LayaAir
              </li>
              <li class="title-text">
                新一代HTML5引擎，正在内测完善中，敬请期待
              </li>
              <li class="sub-title">
                小巧强大
              </li>
              <li class="text">
                核心库100K左右，支持2D\3D动画、UI、粒子、骨骼、物理等完整功
                能，性能媲美APP
              </li>
              <li class="sub-title">
                应用领域更广泛
              </li>
              <li class="text">
                可广泛应用于小型游戏、大型游戏、广告、营销、H5应用、教育等领域
              </li>
              <li class="sub-title">
                多语言开发
              </li>
              <li class="text">
                支持AS3、TypeScript、JavaScript三种开发语言，适用程序员更广泛
              </li>
              <li class="image">
                <img src="../image/LayaFamily/pro-list-001.png" alt="">
              </li>
            </ul>
          </div>
          <div class="open col-xl-6 col-lg-6 col-md-6 col-12">
            <ul>
              <li class="title">
                <span>4</span>
                LayaOpen
              </li>
              <li class="title-text">
                面向Layabox开发者、流量渠道的一站式对接平台
              </li>
              <li class="sub-title">
                一站式对接
              </li>
              <li class="text">
                一次对接，全渠道发行，提供一站式对接、发行、运营服务
              </li>
              <li class="sub-title">
                免费测试
              </li>
              <li class="text">
                提供免费评测服务以及线上真实用户的产品测试和运营测试
              </li>
              <li class="sub-title">
                专业服务
              </li>
              <li class="text">
                提供最专业的用户数据、付费数据、产品数据等游戏运营数据统计系统
              </li>
              <li class="image">
                <img src="../image/LayaFamily/pro-list-002.png" alt="">
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <div class="storePublish">
      <div class="container">
        <div class="row storePublish-con">
          <div class="store col-xl-6 col-lg-6 col-md-6 col-12">
            <ul>
              <li class="title">
                <span>5</span>
                LayaStore
              </li>
              <li class="title-text">
                游戏内容丰富，可安装、可嵌入的HTML5应用商店
              </li>
              <li class="sub-title">
                嵌入式商店
              </li>
              <li class="text">
                仅20K的嵌入式HTML5应用商店，嵌入到APP中提供托管式HTML5商店
                服务。
              </li>
              <li class="sub-title">
                流量变现
              </li>
              <li class="text">
                丰富优质的大型HTML5游戏产品，帮助APP进入流量变现新时代。
              </li>
              <li class="image">
                <img src="../image/LayaFamily/pro-list-003.png" alt="">
              </li>
            </ul>
          </div>
          <div class="publish col-xl-6 col-lg-6 col-md-6 col-12">
            <ul>
              <li class="title">
                <span>6</span>
                LayaPublish
              </li>
              <li class="title-text">
                分成高、覆盖广，提供最优秀的全渠道发行服务
              </li>
              <li class="sub-title">
                覆盖广
              </li>
              <li class="text">
                超过5亿的移动设备安装量覆盖，为CP发行保驾护航
              </li>
              <li class="sub-title">
                分成高
              </li>
              <li class="text">
                CP可享受80%发行收益的高分成政策。
              </li>
              <li class="image">
                <img src="../image/LayaFamily/pro-list-003.png" alt="">
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>

    <footer>
      <div class="container">
        <div class="row">
          <div class="footer-left coc-md-8 col-sm-8 col-xs-12">
            <div class="company-mes">
              <div>公司简介</div>
              <div>联系方式</div>
              <div>人才招聘</div>
            </div>
            <div class="company-copyright">
              All Copyright Reserved by Layabox Inc. 京ICP备15008163号-1
            </div>
          </div>
          <div class="footer-right coc-md-4 col-sm-4 col-xs-12">
            <a class="email">
              <div class="popbar email-up">
                <img src="../image/index/email.png" alt="">
              </div>
            </a>
            <a class="wechat">
              <div class="popbar wechat-up">
                <img src="../image/index/weixin.png" alt="">
              </div>
            </a>
            <a class="tencentqq">
              <div class="popbar tencentqq-up">
                <img src="../image/index/qqpop.png" alt="">
              </div>
            </a>
          </div>
        </div>

      </div>
    </footer>
  </div>

  <!-- Optional JavaScript -->
  <!-- jQuery first, then Popper.js, then Bootstrap JS -->
  <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"
    integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous">
  </script>
  <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
    integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous">
  </script>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/js/bootstrap.min.js"
    integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous">
  </script>
  <!-- wow js -->
  <script src="../js/wow.js"></script>
  <script>
    // new WOW().init();
    wow = new WOW({
      boxClass: 'wow', // default
      animateClass: 'animated', // default
      offset: 100, // default
      mobile: true, // default
      live: true // default
    })
    wow.init();
  </script>
</body>

</html>